<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>MultiColor Theme</title>
<style>
@-webkit-keyframes font {
	0% 		{ color:#800; }
	16.66%	{ color:#880; }
	33.33% 	{ color:#080; }
	50.00% 	{ color:#088; }
	66.65% 	{ color:#008; }
	83.30% 	{ color:#808; }
	100%	{ color:#800; }
}
@-webkit-keyframes background {
	0% 		{ background-color:#F00; }
	16.66%	{ background-color:#FF0; }
	33.33% 	{ background-color:#0F0; }
	50.00% 	{ background-color:#0FF; }
	66.65% 	{ background-color:#00F; }
	83.30% 	{ background-color:#F0F; }
	100%	{ background-color:#F00; }
}
body
{
	padding:0;
	margin:0;
	background-image: url(bg.png);
	-webkit-animation-name: background;
	-webkit-animation-duration: 60s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-webkit-animation-direction: normal;
}

#main
{
	margin: 0 auto;
	padding:25px;
	background-color:#FFF;
	width:750px;
	-webkit-box-shadow:0px 0px 12px rgba(0,0,0,.5);
	-moz-box-shadow: 0px 0px 12px rgba(0,0,0,.5);
	font:1em "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#header
{
	margin: 0;
	padding:0;
}
#content
{
	margin: 0;
	padding:0;
}
#footer
{
	margin: 0;
	padding:0;
}
h1 {
	font-size:3em;
  	-webkit-animation-name: font;
	-webkit-animation-duration: 60s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-webkit-animation-direction: normal;
	
	text-shadow:0 2px 3px rgba(0,0,0,.2);
}
</style>
</head>

<body>
    <div id="main">
        <div id="header">
        	<h1 align="center">MultiColor</h1>
        </div>
        <div id="content">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In luctus posuere nibh luctus porta. Cras blandit arcu quis ante vestibulum ac pretium ante molestie. In nec pellentesque mauris. Nullam lacinia egestas justo sit amet adipiscing. Vivamus in quam magna, eu tristique nisl. Vestibulum vel placerat velit. Praesent iaculis commodo elit ac consectetur. Nullam vestibulum ullamcorper risus, non dapibus nisi malesuada non. Sed arcu lectus, lacinia sed pellentesque sed, pretium at mi. Proin quis nulla dolor. In eleifend elit et sem bibendum ac volutpat sem molestie. Vestibulum non ultricies tellus. Sed cursus sagittis eleifend. Vestibulum rutrum ante non tortor posuere ultricies. Aliquam ullamcorper justo a felis porta ultrices. Aenean erat justo, fermentum eu aliquam vel, pretium vel turpis.</p>
        </div>
        <div id="footer">
        <p>2011 David Gonzalez Garcia</p>
        </div>
    </div>
</body>
</html>
